<template>

 <div class="main">
 <label for="exampleInputPassword1">课程名称</label>
    <span><input type="text" class="form-control"  placeholder=""></span>

 <label for="exampleInputPassword1">课程简介</label>
    <input type="text" class="form-control"  placeholder="">


     <label for="exampleInputPassword1">学年</label>
<select class="form-control">
  <option value="">请选择学年</option>
  <option value="apple">2021</option>
  <option value="banana">2022</option>

</select> <br> 
<label for="exampleInputPassword1">学期</label> 
<select class="form-control">
  <option value="">请选择学期</option>
  <option value="apple">1</option>
  <option value="banana">2</option>
</select><br>
<label for="exampleInputPassword1">课程人数：</label> 
<el-input-number v-model="num" @change="handleChange" :min="1" :max="50" label="描述文字"></el-input-number>
 
     
<br>
<button class="btn btn-primary" type="button">添加</button>
</div>

 
</template>





<script>
export default {
name: "clubinfo",
components:{
    //Slider,
},
data(){
    return {
        id:this.$route.params.id,
        num:1,
        info:{},
           
        value1: '',
        value2: '',
    };
},
methods: {
      handleChange(value) {
        console.log(value);
      }
    }, 
created(){
  this.$axios
      .get("http://10.197.26.58:8001/getcourselist")
      .then((response) => {
        this.infos = response.data.slice(0, 10);
        console.log(this.infos);
      })

    .catch(function(error){
        //请求失败处理
        console.log(error);
    });
},
add(){
  this.$axios
      .post("http://10.197.26.58:8001/getcourselist")
      .then((response) => {
        this.infos = response.data.slice(0, 10);
        console.log(this.infos);
      })

}
}

</script>

<style scoped>
.main{
	text-align: center;
	background-color: #fff;
	border-radius: 20px;
	width: 350px;
	height: 350px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
input{
    width: 100%;
}




</style>
